@media only screen and (max-width: 1480px){
.pad_xbig{ padding: 100px; }
.pad_big{ padding: 60px; }
.grid1.pad_big{ padding: 60px 30px 45px; }
.grid2.pad_big{ padding: 60px 45px 45px; }
.pad_med{ padding: 40px; }
.pad_small{ padding: 30px; }
.pad_xsmall{ padding: 30px; }
.pad_xxsmall{ padding: 20px; }

.section.hero.std.short .header{ height: 550px; }
.section.hero.std .header .wrap,
.section.hero.slideshow .header{ max-width: 880px; }

.project.preview .wrap{ height: 300px; }

.section.stats{ max-width: 400px; }
.section.stats ul li h4 span.stat{ font-size: 50px; line-height: 54px; }

.section.grid1 .main{ padding: 0 30px; }
.section.grid1 .item{ padding: 15px 30px; }
.section.grid.list1 .item .wrap{ padding-top: 30px; }

.section.grid.cols4 .item{ width: 33.3333%; }

.gallery{ padding: 45px; }
.gallery .item .image { height: 550px; }
}

@media only screen and (max-width: 1380px){
#footer h2.tagline{ width: 100%; margin: 0 0 30px; }
#footer .btn_cta{ float: left; }
}

@media only screen and (max-width: 1280px){
.pad_xbig{ padding: 60px; }

.project.preview .wrap{ height: 260px; }

.section.stats{ 
width: 100%; 
max-width: none;
height: auto;
display: block;
background: #003a5d;
position: relative; 
text-align: left; 
top: inherit; 
right: inherit; 
z-index: 99; 
}
.section.stats .wrapper{ float: left; display: block; vertical-align: inherit; }
.section.stats ul{ border-top: 3px solid #748899; }
.section.stats ul li{ width: 33.3333%; padding: 20px 30px 0 3px; border-bottom: none; }
.section.stats ul li h4 span.stat{ font-size: 60px; line-height: 64px; }

.section.contact.with_map{ height: 600px; }

.section.cta{ height: 600px; }
}

@media only screen and (max-width: 1080px){
.pad_xbig{ padding: 60px; }
.pad_big{ padding: 40px; }
.grid1.pad_big{ padding: 40px 20px 30px; }
.grid2.pad_big{ padding: 40px 25px 25px; }

#header .wrapper{ overflow: visible; }
#header .nav_wrap{ padding: 20px 20px 20px 0; }
#header .toggle{ display: none; }
#nav_btn{ float: left; display: block; padding: 15px 20px; margin: 0; cursor: pointer; }
#nav_btn span, #nav_btn span:before, #nav_btn span:after{ 
width: 28px; 
height: 2px; 
float: left; 
display: block; 
background: #003a5d; 
position: relative; 
text-indent: -9000px; 
-webkit-transition: all 100ms ease-in-out;
-moz-transition: all 100ms ease-in-out;
-ms-transition: all 100ms ease-in-out;
-o-transition: all 100ms ease-in-out;
transition: all 100ms ease-in-out;
}
#nav_btn span{ margin: 9px 0; }
#nav_btn span:before, #nav_btn span:after{ content: ''; position: absolute; }
#nav_btn span:before{ top: -8px; }
#nav_btn span:after{ bottom: -8px; }
#nav_btn.active span{ background-color: transparent; }
#nav_btn.active span:before, #nav_btn.active span:after{ top: 0; }
#nav_btn.active span:before{ transform: rotate(45deg); -webkit-transform: rotate(45deg); }
#nav_btn.active span:after{ transform: translateY(-10px) rotate(-45deg); -webkit-transform: translateY(-10px) rotate(-45deg); top: 10px; }

#header #nav{  
position: absolute;
top: 90px;
left: 0;
right: 0;
z-index: 9;
background: #fff;
-webkit-box-shadow: 0px 0px 20px 0 rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 20px 0 rgba(0,0,0,0.1);
box-shadow: 0px 0px 20px 0 rgba(0,0,0,0.1);
}
#header .nav ul.menu{ width: 100%; float: left; padding: 0; }
#header .nav ul.menu li{ width: 100%; float: left; border-bottom: 1px solid #ddd; }
#header .nav ul.menu li::last-child{ border: 0; }
#header .nav ul.menu li a{ height: auto; display: block; font-size: 24px; color: #003a5d; font-weight: 700; line-height: inherit; padding: 15px 25px; position: relative; }

.section .header h1{ font-size: 60px; font-weight: 700; line-height: 66px; }
.section .header h2{ font-size: 34px; font-weight: 700; line-height: 40px; }
.section .header h2.big{ font-size: 60px; font-weight: 700; line-height: 66px; }
.section .header h2.small{ font-size: 26px; font-weight: 700; line-height: 30px; }
.section .header h2 span{ font-weight: 300; }

.section.hero.std.short .header{ height: 400px; }
.section.hero.std .header .wrap{ max-width: 680px; }
.section.hero.slideshow .header{ max-width: 680px; }

.section.hero.slideshow.with_nav .header{ bottom: 70px; }
.section.hero.slideshow .nav{ right: inherit; left: 0; }

.section.more_projects .project.preview:last-child{ display: none; }
.project.preview .wrap{ height: 300px; }

.section.contact.with_map{ height: 500px; }

.section.cta{ height: 500px; }

.section.grid1 .main{ padding: 0 20px; }
.section.grid1 .item{ padding: 10px 20px; }
.section.grid.list1 .item .wrap{ padding-top: 20px; }
.section.grid.list2 .item span{ font-size: 26px; font-weight: 700; line-height: 30px; }
.section.grid.cols3 .item{ width: 50%; }
.section.grid.cols4 .item{ width: 50%; }

.gallery{ padding: 25px; }
.gallery .item .image { height: 400px; }
}

@media only screen and (max-width: 980px){
.section.grid .main .wrap{ width: 100%; padding: 0; }
.section.grid .main .footer{ width: 100%; text-align: left; padding: 5px 0 20px; }
.section.grid .main .footer .btn{ position: relative; bottom: inherit; right: inherit; }
}

@media only screen and (max-width: 880px){
.project.preview .wrap{ height: 260px; }

.section.stats ul li{ width: 100%; padding: 20px 3px 15px; border-bottom: 3px solid #748899; }
}

@media only screen and (max-width: 780px){
.pad_xbig{ padding: 40px; }

.section.hgt100{ height: calc(100vh - 150px); }
.section.hero.std .header{ height: calc(100vh - 150px); }

.section.entry.with_img .image{ width: 100%; height: auto !important; top: inherit !important; left: inherit; position: relative; background: #000 !important; }
.section.entry.with_img .image img{ display: block; }
.section.entry.with_img .main{ width: 100%; min-height: inherit; float: left; display: block; }
.section.entry.with_img .main .wrap{ width: 100%; float: left; display: block; }

.section.more_projects .project.preview:last-child{ display: block; }
.project.preview .wrap{ height: 400px; }

.section.contact.with_map{ height: auto; }
.section.contact.with_map .map{ width: 100%; height: 400px; float: left; }
.section.contact.with_map .main{ width: 100%; min-height: inherit; float: left; display: block; }
.section.contact.with_map .main .wrap{ width: 100%; float: left; display: block; }

.section.w50{ width: 100%; }

.section.grid.cols2 .item{ width: 100%; }
.section.grid.cols3 .item{ width: 100%; }
.section.grid.cols4 .item{ width: 100%; }
.section.grid.list4 .item .image{ 
height: 360px; 
-webkit-background-size: 50% auto; 
-moz-background-size: 50% auto; 
-o-background-size: 50% auto; 
background-size: 50% auto;
}

.gallery .item .image { height: auto; background: none; }
.gallery .sxs .item{ width: 100%; }
.gallery .item .image img{ display: block; }
.gallery .sxs2 .item:first-child{ width: 100%; }
.gallery .sxs2 .item:last-child{ width: 100%; }
.gallery .sxs3 .item:first-child{ width: 100%; }
.gallery .sxs3 .item:last-child{ width: 100%; }
}

@media only screen and (max-width: 580px){
.btn{ font-size: 18px; }

#header{ padding: 20px; }
#header .wrapper{ display: block; }
#header #logo{ padding-right: 0; }
#header .btn_cta{ font-size: 18px; padding: 0 20px; }

.project.preview .wrap{ height: 300px; }

.section.contact.with_map .map{ height: 300px; }
.section.contact .main ul li{ font-size: 20px; line-height: 26px; }

.section.grid.list4 .item .image{ height: 300px; }

#footer h2.tagline{ font-size: 50px; font-weight: 800; line-height: 54px; }

#footer ul.social{ width: 100%; clear: both; padding-top: 20px; }
#footer ul.social li:first-child{ padding-left: 0; }

#footer .meta .logo a{ width: 138px; height: 50px; }
#footer .meta .wrap{ float: right; clear: both; padding: 15px 0 0; }
}

@media only screen and (max-width: 480px){
.pad_xbig{ padding: 35px; }
.pad_big{ padding: 35px; }
.grid1.pad_big{ padding: 35px 15px 25px; }
.grid2.pad_big{ padding: 35px 25px 30px; }
.pad_med{ padding: 25px; }

.section .header h1{ font-size: 42px; font-weight: 700; line-height: 46px; }
.section .header h2{ font-size: 30px; font-weight: 700; line-height: 36px; }
.section .header h2.big{ font-size: 42px; font-weight: 700; line-height: 46px; }
.section .header h2.small{ font-size: 24px; font-weight: 700; line-height: 28px; }

.project.preview .wrap{ height: 260px; }

.section.stats ul li h4 span.stat{ font-size: 50px; line-height: 54px; }

.section.link_list ul li a{ font-size: 20px; line-height: 25px; padding: 15px 35px 15px 3px; }

.section.grid1 .main{ padding: 0 15px; }
.section.grid1 .item{ padding: 10px 15px; }
.section.grid.list1 .item .wrap{ padding-top: 20px; }
.section.grid2 .main{ padding: 0 10px; }
.section.grid2 .item{ padding: 10px; }
.section.grid.list2 .item .wrap{ padding: 20px 25px; }
.section.grid.list2 .item span{ font-size: 24px; font-weight: 700; line-height: 28px; }
.section.grid.list4 .item .image{ 
height: 250px; 
-webkit-background-size: 55% auto; 
-moz-background-size: 55% auto; 
-o-background-size: 55% auto; 
background-size: 55% auto;
}

.gallery{ padding: 25px; }
.gallery .item{ padding: 10px; }

.pagination{ padding: 10px; }
.wp-pagenavi{ padding-top: 10px; }
}